<template>
      <el-card :body-style="{ padding: '1.6rem',}"  shadow="never" >
         <div class="card-box">
              <div class="site-text1">
                 商业客户：{{data.businessCustomer}}
              </div>
                <div class="site-text">
                 活动场次（场）：{{data.businessCustomer}}
              </div>
                              <div class="site-text">
                 线性费用（万）：{{data.linearCost}}
              </div>
                              <div class="site-text">
                非线性费用（万）：{{data.nonlinearCost}}
              </div>
                              <div class="site-text">
                 累计购进（万）：{{data.totalPurchase}}
              </div>
                              <div class="site-text">
                累计分销（万）：{{data.totalDistribution}}
              </div>
         </div>
      </el-card>
</template>

<script>
export default {
    props:{
     data:{
       tyoe:Object,
       default:()=>{}
     }
  },
}
</script>

<style scoped>
.main-box{
    position: relative;
}
.card-box{
    width: 100%;
    min-height: 18rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: space-between;
    flex-direction: column;
}

.site-text{
    margin-top: 1.6rem;
    font-size: 1.2rem;
    font-family: Source Han Sans SC-Regular, Source Han Sans SC;
    font-weight: 400;
    color:var(--el-color-text-6);
}
.site-text1{
    /* margin-top: 1.6rem; */
    font-size: 1.4rem;
    font-family: Source Han Sans SC-Regular, Source Han Sans SC;
    font-weight: 400;
    color:var(--el-color-text-6);
}

</style>